<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no">
<title>店铺首页</title>
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="stylesheet" href="//at.alicdn.com/t/font_342477_qyvjgmlbol.css?v=1.0.0">
<link type="text/css" rel="stylesheet" href="/static/css/s.common.css">
<link type="text/css" rel="stylesheet" href="/static/css/s.agent.css">
<link rel="stylesheet" href="/static/js/swiper/css/swiper.min.css">
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/common.js"></script>
<script type="text/javascript" src="/static/js/swiper/js/swiper.min.js"></script>

<style>
::-webkit-scrollbar { width: 12px !important; height: 12px !important; }::-webkit-scrollbar-track:vertical {  }::-webkit-scrollbar-thumb:vertical { background-color: rgba(136, 141, 152, 0.5) !important; border-radius: 10px !important; background-clip: content-box !important; border:2px solid transparent !important; } ::-webkit-scrollbar-track:horizontal {  }::-webkit-scrollbar-thumb:horizontal { background-color: rgba(136, 141, 152, 0.5) !important; border-radius: 10px !important; background-clip: content-box !important; border:2px solid transparent !important; } ::-webkit-resizer { display: none !important; }
*{ padding:0;margin:0; outline:0; box-sizing: border-box;}
a{ text-decoration:none; -webkit-tap-highlight-color: transparent; }
html{ line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; }
body{ font-family:Microsoft YaHei,Helvetica!important;color:#333; }
.header{ position:relative; overflow:hidden; }
.header-bg{ background:url(__IMG__/shop_0.jpg) no-repeat center center; background-size:cover;filter: blur(4px); height:0; padding-top:110%; position:absolute;z-index:-1; width:120%; left:-10%; top:-20%; }
.shop-name{ font-family: PingFangSC-Medium; font-size:36px; color:#fff; overflow: hidden; text-overflow: ellipsis; font-weight:normal; margin:30px 0 0 30px; }
.shop-nav{ overflow:hidden; display:inline-block; margin-top:30px; max-width:80%;}
.shop-nav li{ float:left; list-style:none; margin:0 26px; line-height:60px;}
.shop-nav li a{ color:#ffffff; font-size:32px; height:52px; display:inline-block; font-family:Microsoft YaHei; -webkit-box-orient: vertical; flex-direction: column; align-content: flex-start; flex-shrink: 0;}
.shop-nav li.active{ border-bottom:1px solid #fff; }
.shop-box{ clear:both; }
img.bai{ width:100%; }
.shop-flash img{ width:100%; }

.my-bullet {
    display: inline-block;
    width: 15px;
    height: 3px;
    background: #fff;
    position: relative;
    margin: 0 2px;
}
.swiper-pagination-bullet-active {
    background: #000000;
}
.shop-img{ width:100%; clear:both; position:relative; }

</style>
</head>

<body>

<div class='header'>
	<div class='header-bg'></div>
	<h1 class='shop-name'>欧莱雅官方旗舰店</h1>
	<!--<p class='shop_info'></p>-->
	<div style='text-align:center;'>
		<ul class='shop-nav'>
			<li class='active'><a href=''>首页</a></li>
			<li><a href="{:url('Shop/products')}">分类</a></li>
		</ul>
	</div>
	<div style='margin-top:15px;'>
		<a href=''><img class='bai' src='__IMG__/shop_1.jpg'></a>
	</div>
	
</div>


<div class='shop-flash'>
	<!--Flash-->
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<div class='litpic'><img src='/static/image/shop_flash3.jpg'></div>
			</div>
			<div class="swiper-slide">
				<div class='litpic'><img src='/static/image/shop_flash1.jpg'></div>
			</div>
			<div class="swiper-slide">
				<div class='litpic'><img src='/static/image/shop_flash2.jpg'></div>
			</div>
		</div>
		<div class="swiper-pagination"></div>
	</div>
	<!--Flash End-->
	<script>
	var swiper = new Swiper('.swiper-container', {
		pagination: {
			el: '.swiper-pagination',
			bulletClass : 'my-bullet'
		},
		autoplay : {
			disableOnInteraction : false
		},
		loop : true
	});
	</script>
</div>

<div class='shop-img'>
	<img src='/static/tmp/tt0.jpg' class='bai'>
	<img src='/static/tmp/tt1.jpg' class='bai'>
	<img src='/static/tmp/tt2.jpg' class='bai'>
	<img src='/static/tmp/tt3.jpg' class='bai'>
	<img src='/static/tmp/tt4.jpg' class='bai'>
	<img src='/static/tmp/tt5.jpg' class='bai'>
	<img src='/static/tmp/tt6.jpg' class='bai'>
	<img src='/static/tmp/tt7.jpg' class='bai'>
	<img src='/static/tmp/tt8.jpg' class='bai'>
	<img src='/static/tmp/tt9.jpg' class='bai'>
	<img src='/static/tmp/tt10.jpg' class='bai'>
	<img src='/static/tmp/tt11.jpg' class='bai'>
	<img src='/static/tmp/tt12.jpg' class='bai'>
	<img src='/static/tmp/tt13.jpg' class='bai'>
	<img src='/static/tmp/tt14.jpg' class='bai'>
	<img src='/static/tmp/tt15.jpg' class='bai'>
	<img src='/static/tmp/tt16.jpg' class='bai'>
	<img src='/static/tmp/tt17.jpg' class='bai'>
	<img src='/static/tmp/tt18.jpg' class='bai'>
	<img src='/static/tmp/tt19.jpg' class='bai'>
	<img src='/static/tmp/tt20.jpg' class='bai'>
	<img src='/static/tmp/tt21.jpg' class='bai'>
	<img src='/static/tmp/tt22.jpg' class='bai'>
	<img src='/static/tmp/tt23.jpg' class='bai'>
	<img src='/static/tmp/tt24.jpg' class='bai'>
	<img src='/static/tmp/tt25.jpg' class='bai'>
	<img src='/static/tmp/tt26.jpg' class='bai'>
	<img src='/static/tmp/tt27.jpg' class='bai'>
	<img src='/static/tmp/tt28.jpg' class='bai'>
	<img src='/static/tmp/tt29.jpg' class='bai'>
	<img src='/static/tmp/tt30.jpg' class='bai'>
	<img src='/static/tmp/tt31.jpg' class='bai'>
	<img src='/static/tmp/tt32.jpg' class='bai'>
	<img src='/static/tmp/tt33.jpg' class='bai'>
	<img src='/static/tmp/tt34.jpg' class='bai'>
</div>


<div style="height: 95px;"></div>

<footer class="g-fixed-content g-flex g-reset g-tc g-bt g-lh-44">
<a class="g-flex g-fd-c g-col g-blue-middle" href="{:url('Shop/index')}"><i class="iconfont icon-shop g-fs-36" style="padding-top: 5px;"></i><div class="g-fs-22">店铺</div></a>
<a class="g-flex g-fd-c g-col" href="{:url('Shop/products')}"><i class="iconfont icon-category g-fs-36" style="padding-top: 5px;"></i><div class="g-fs-22">分类选购</div></a>
<a class="g-flex g-fd-c g-col" href="{:url('Shop/cart')}"><i class="iconfont icon-cart g-fs-36" style="padding-top: 5px;"></i><div class="g-fs-22">购物车</div></a>
<a class="g-flex g-fd-c g-col" href="{:url('Retail/mine')}"><i class="iconfont icon-person g-fs-36" style="padding-top: 5px;"></i><div class="g-fs-22">我</div></a>
</footer>



{if condition="$showback eq true"}
<style>
.c-share-back{position:fixed;width:100%;left:0;right:0;margin:auto;bottom:200px;z-index:9;padding-left:50px}.c-share-back .__content{float:left;width:70px}.c-share-back .__icon{float:right;border-radius:100%;text-align:center;background:rgba(0,0,0,.5);line-height:70px;height:70px;width:70px;margin-top:-70px;color:#fff;font-size:50px}.g-init-echart .c-share-back{position:fixed;width:100%;left:0;right:0;margin:auto;bottom:100px;z-index:9;padding-left:25px}.g-init-echart .c-share-back .__content{float:left;width:35px}.g-init-echart .c-share-back .__icon{float:right;border-radius:100%;text-align:center;background:rgba(0,0,0,.5);line-height:35px;height:35px;width:35px;margin-top:-35px;color:#fff;font-size:25px}
</style>
<div class="c-share-back" data-func="goback">
	<div class="__content">
		<i class="iconfont icon-goback __icon"></i>
	</div>
</div>
<script>
function goback(){
	location.href = "{:url('Agentshop/index')}";
}
</script>
{/if}

</body>
</html>